
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>票务售卖</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/cont.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css" />

    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">

    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.js"></script>

    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/layui/layui.js" media="all" ></script>
    <style type="text/css">
        .carousel-inner{
            text-align: center;

            width:100%;
            height: 400px;
        }
        .carousel-inner1{
            text-align: center;

            width:100%;
            height: 300px;
        }
        .dd{
            text-align: center;
            color: #367BA7;
            font-family: "微软雅黑";
            margin-top: 30px;
            line-height: 30px;

        }
        .dd2{
            width: 80%;
            height: 500px;
            margin: auto;
            border: 1px red solid;
        }



    </style>
</head>
<body>
<div >
    <ul class="layui-nav" lay-filter="demo">
        <li class="layui-nav-item" style="margin-left: 60px;"><img src="${pageContext.request.contextPath}/img/logo.png"style="height: 60px;width: 150px;margin-left: 30px;"/></li>
        <li class="layui-nav-item" style="float: right;">
            <a href="${pageContext.request.contextPath}/userLogin"  style="color: deepskyblue;font-size: 20px;font-family: '微软雅黑';">
                <img src="${pageContext.request.contextPath}///t.cn/RCzsdCq" class="layui-nav-img">用户登陆</a>
            <dl class="layui-nav-child">
                <dd><a href="#"  style="color: deepskyblue;font-size: 15px;font-family: '微软雅黑';">修改信息</a></dd>
                <dd><a href="#"  style="color: deepskyblue;font-size: 15px;font-family: '微软雅黑';">安全管理</a></dd>
                <dd><a href="#"  style="color: deepskyblue;font-size: 15px;font-family: '微软雅黑';">退了</a></dd>
            </dl>
        </li>
        <li class="layui-nav-item" style="float: right;">
            <a href=""  style="color: deepskyblue;font-size: 20px;font-family: '微软雅黑';">个人中心<span class="layui-badge-dot"></span></a>
        </li>
        <li class="layui-nav-item" style="float: right;">
            <a href="${pageContext.request.contextPath}/login"  style="color: deepskyblue;font-size: 20px;font-family: '微软雅黑';">控制台<span class="layui-badge">9</span></a>
        </li>
    </ul>
</div>
<div style="width: 100%; height: 50px;float:left; background-color: ghostwhite; ">
    <div class="container">
        <div class="row"  style="margin-top:15px;font-size: 17px;">
            <div class="col-lg-1"></div>
            <div class="col-lg-2"><a href="${pageContext.request.contextPath}/index">首页</a></div>
            <div class="col-lg-2"><a href="${pageContext.request.contextPath}/userSingerLogin">歌手</a></div>
            <div class="col-lg-2"><a href="${pageContext.request.contextPath}/userMV">MV</a></div>
            <div class="col-lg-2"><a href="${pageContext.request.contextPath}/songTypeLogin">歌曲分类</a></div>
            <div class="col-lg-2"><a href="${pageContext.request.contextPath}/ticketLogin">票务</a></div>
            <div class="col-lg-1"></div>
        </div>
    </div>
</div>
<p style="line-height: 30px;">&nbsp;</p>
<div class="container" style="line-height: 0px;">
    <div class="row">
        <div class="col-lg-3">
            <div class="layui-inline">
                <div class="layui-input-inline">
                    <select name="modules" lay-verify="required" lay-search="" style="height: 40px;font-size: 15px;width: 200px;">
                        <option value="">选择省份</option>
                        <option value="1">北京市</option>
                        <option value="2">天津市</option>
                        <option value="3">上海市</option>
                        <option value="4">重庆市</option>
                        <option value="5">河北省</option>
                        <option value="6">山西省</option>
                        <option value="7">辽宁省</option>
                        <option value="8">吉林省</option>
                        <option value="9">黑龙江省</option>
                        <option value="10">江苏省</option>
                        <option value="11">浙江省</option>
                        <option value="12">安徽省</option>
                        <option value="13">福建省</option>
                        <option value="14">江西省</option>
                        <option value="15">山东省</option>
                        <option value="16">河南省</option>
                        <option value="17">湖北省</option>
                        <option value="18">湖南省</option>
                        <option value="19">广东省</option>
                        <option value="20">海南省</option>
                        <option value="21">四川省</option>
                        <option value="22">贵州省</option>
                        <option value="23">云南省</option>
                        <option value="24">陕西省</option>
                        <option value="25">甘肃省</option>
                        <option value="26">青海省</option>
                        <option value="27">台湾省</option>
                        <option value="28">内蒙古自治区</option>
                        <option value="29">广西壮族自治区</option>
                        <option value="30">西藏自治区</option>
                        <option value="31">宁夏回族自治区</option>
                        <option value="32">新疆维吾尔自治区</option>
                        <option value="33">香港特别行政区</option>
                        <option value="34">澳门特别行政区</option>
                    </select>

                </div>
            </div>
        </div>

        <div class="col-lg-4">
            <input type="text" placeholder="输入关键字搜索" style="height: 43px;font-size: 15px;"/>
            <button type="button" class="layui-btn layui-btn-lg layui-btn-normal" >搜索</button>
        </div>

    </div>
</div>
<p style="line-height: 30px;">&nbsp;</p>
<div class="container">
    <div class="row">
        <div class="col-lg-2" style="font: '微软雅黑';font-size: 20px;">
            <a href="#">全部演出</a>
        </div>
        <div class="col-lg-2" style="font: '微软雅黑';font-size: 20px;">
            <a href="#">演唱会</a>
        </div>
        <div class="col-lg-2" style="font: '微软雅黑';font-size: 20px;">
            <a href="#">LiveHouse</a>
        </div>
        <div class="col-lg-2" style="font: '微软雅黑';font-size: 20px;">
            <a href="#">音乐会</a>
        </div>
        <div class="col-lg-2" style="font: '微软雅黑';font-size: 20px;">
            <a href="#">歌剧话剧</a>
        </div>
        <div class="col-lg-2" style="font: '微软雅黑';font-size: 20px;">
            <a href="#">其他演出</a>
        </div>
    </div>
</div>
<p style="line-height: 30px;">&nbsp;</p>
<div class="container-fluid" style="text-align: center;background-color:#F2F2F2;padding: 10px;">
    <div class="row">
        <div class="col-lg-3">&nbsp;</div>
        <div class="col-lg-6"><img src="${pageContext.request.contextPath}/img/pwtj.png" width="150px"/></div>
        <div class="col-lg-3">&nbsp;</div>
    </div>
    <p style="line-height: 30px;">&nbsp;</p>
    <div class="row">
        <div class="col-lg-3"></div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/lrhych.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">李荣浩年少有为演唱会</a></p>
                    <p style="color: gray;">2020.02.23</p>
                    <p style="color: gray;">无锡市体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥230 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>


        </div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/lyjych.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">林宥嘉IDOL</a></p>
                    <p style="color: gray;">2020.01.14</p>
                    <p style="color: gray;">广州天河体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥290 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-2"></div>
    </div>

    <p style="line-height: 30px;">&nbsp;</p>


    <div class="row">
        <div class="col-lg-3"></div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/yqhych.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">杨千嬅演唱会</a></p>
                    <p style="color: gray;">2020.02.23</p>
                    <p style="color: gray;">电白市体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥330 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>


        </div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/wlhych.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">王力宏演唱会</a></p>
                    <p style="color: gray;">2020.05.18</p>
                    <p style="color: gray;">广州天河体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥250 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-2"></div>
    </div>
</div>
<!--
    作者：offline
    时间：2019-12-30
    描述：liveHouse
-->
<p style="line-height: 30px;">&nbsp;</p>
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-1"></div>
        <div class="col-lg-10">
            <div style="text-align: center;">
                <img src="${pageContext.request.contextPath}/img/LiveHouse.png" width="150px" />
            </div>
        </div>
    </div>
    <p style="line-height: 30px;">&nbsp;</p>
    <div class="row">
        <div class="col-lg-3"></div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/yyh4.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">银河停电夜</a></p>
                    <p style="color: gray;">2020.02.23</p>
                    <p style="color: gray;">无锡市体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥70 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>


        </div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/yyh1.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">沉溺男孩葛东琪</a></p>
                    <p style="color: gray;">2020.01.14</p>
                    <p style="color: gray;">广州天河体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥100 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-2"></div>
    </div>



    <p style="line-height: 30px;">&nbsp;</p>
    <div class="row">
        <div class="col-lg-3"></div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/yyh2.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">银河停电夜</a></p>
                    <p style="color: gray;">2020.02.23</p>
                    <p style="color: gray;">无锡市体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥70 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>


        </div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/yyh3.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">沉溺男孩葛东琪</a></p>
                    <p style="color: gray;">2020.01.14</p>
                    <p style="color: gray;">广州天河体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥100 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-2"></div>
    </div>
</div>

<!--
    作者：offline
    时间：2019-12-30
    描述：音乐会
-->

<p style="line-height: 30px;">&nbsp;</p>
<div class="container-fluid" style="background-color:#F2F2F2;padding-top: 10px;">
    <div class="row">
        <div class="col-lg-1"></div>
        <div class="col-lg-10">
            <div style="text-align: center;">
                <img src="${pageContext.request.contextPath}/img/yyh.png" width="120px" />
            </div>
        </div>
    </div>
    <p style="line-height: 30px;">&nbsp;</p>
    <div class="row">
        <div class="col-lg-3"></div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/yl1.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">卡农永恒经典</a></p>
                    <p style="color: gray;">2020.02.23</p>
                    <p style="color: gray;">无锡市体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥80 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>


        </div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/yl2.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">法国巴黎爱乐乐团</a></p>
                    <p style="color: gray;">2020.01.14</p>
                    <p style="color: gray;">广州天河体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥280 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-2"></div>
    </div>



    <p style="line-height: 30px;">&nbsp;</p>
    <div class="row">
        <div class="col-lg-3"></div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/yl3.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">理查德·克莱德曼钢琴音乐会</a></p>
                    <p style="color: gray;">2020.02.23</p>
                    <p style="color: gray;">无锡市体育馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥280起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>


        </div>
        <div class="col-lg-3">
            <div class="row">
                <div class="col-lg-4">
                    <a href="#">
                        <img src="${pageContext.request.contextPath}/img/yl4.jpg"width="150px">
                    </a>


                </div>
                <div class="col-lg-5" style="text-align: left;line-height: 30px;">

                    <p style="font-size: 15px;"><a href="#">The Will On Kill</a></p>
                    <p style="color: gray;">2020.01.14</p>
                    <p style="color: gray;">香港展厅馆</p>
                    <p style="color: deepskyblue;font-size: 20px;padding-top: 50px;">
                        ￥80 起
                        <button style="background-color: deepskyblue;" type="button" class="layui-btn">
                            <i class="fa fa-cny" style="color: white;">购买</i>
                        </button>
                    </p>
                </div>
            </div>
        </div>
        <div class="col-lg-2"></div>
    </div>
    <p style="line-height: 30px;">&nbsp;</p>
</div>






<p style="line-height: 20px;">&nbsp;</p>
<div style="background-color: #333333;height: 350px;width: 100%;">
    <div class="container">
        <div class="row">
            <div class="col-lg-7"  style="line-height: 50px;font-size: 15px;padding: 30px;">
                <p style="color:#999999;">下载音律客户端</p>
                <p>
                    <a href="#"><span class="fa fa-windows" style="font-size:48px;color:#999999;margin-left: 15px;"></span></a>
                    <a href="#"><span class="fa fa-android" style="font-size:48px;color:#999999;margin-left: 30px;"></span></a>
                    <a href="#"><span class="fa fa-apple" style="font-size:48px;color:#999999;margin-left: 30px;"></span></a>
                </p>
                <p style="line-height: 20px;color:#999999;">
                    <span style="font-size: 15px;">Windows版</span>
                    <span style="font-size: 15px;">Android版</span>
                    <span style="font-size: 15px;margin-left: 15px;">Ios版</span>
                </p>
            </div>
            <div class="col-lg-5" style="line-height: 40px;font-size: 15px;padding: 20px;">
                <p style="color: #999999;">联系我们</p>
                <p>
                    <span style="margin: 20px;"><img src="img/Y.jpg" width="100px"></span>
                    <span style="margin: 20px;"><img src="img/COCO.png" width="100px"></span>
                    <span style="margin: 20px;"><img src="img/吴春耀.jpg" width="100px"></span>
                </p>
            </div>
        </div>
    </div>



    <p style="line-height:50px ;">&nbsp;</p>
    <div style="text-align: center;color: #999999;">
        <p>关于音律 | About MySoul | 服务条款 | 用户服务协议 | 隐私政策 | 权利声明 | 广告服务 | 腾讯招聘 | 客服中心 | 网站导航</p>
        <p>Copyright © 1998 - 2019 Tencent. All Rights Reserved.</p>
        <p>MySoul公司 版权所有 MySoul网络文化经营许可证</p>
    </div>
</div>




<script src="layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('element', function(){
        var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

        //监听导航点击
        element.on('nav(demo)', function(elem){
            layer.msg(elem.text());
        });
    });


</script>
</body>
</html>
